<template>
  <v-layout class="footer" justify-between align-center wrap>
    <v-flex md12 d-flex>
      <v-flex md3>
        <div class="item title mb-3">APPS</div>
        <div class="item">
          <img src="@/assets/images/app-store.png" alt="">
        </div>
        <div class="item">
          <img src="@/assets/images/google-play.png" alt="">
        </div>
      </v-flex>

      <v-flex md3>
        <div class="item title mb-3">About Us</div>
        <div class="item">
          What is Coolcooldeal?
        </div>
        <div class="item">
        </div>
      </v-flex>

      <v-flex md3>
        <div class="item title mb-3">Privacy Policy</div>
        <div class="item">
        </div>
        <div class="item">
        </div>
      </v-flex>

      <v-flex md3>
        <div class="item title mb-3">Contact Us</div>
        <div class="item">
          Shopper: surpport@jiahuagame.com
        </div>
        <div class="item">
        </div>
      </v-flex>

    </v-flex>

    <v-flex md12 d-flex>
      <v-flex md4 d-flex>
        <v-flex ></v-flex>
      </v-flex>
    </v-flex>
  </v-layout>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
declare const $Vue: Vue;

@Component
export default class LoginClass extends Vue {

  protected mounted() {
    // this.testData()
  }

}
</script>


<style lang="less">
.footer {
  width: 100%;
  height: 8rem;
  border-top: 1px solid #cdcdcd;
  padding-top: 1rem;
  background: white;
  .item {
    font-size: 18px;
    font-weight: 500;
    img {
      height: 3rem;
      width: 10rem;
    }
  }
}
</style>

